<template>
	<view class="box">
		<haderBack></haderBack>
		<view class="infosned">
			<view class="userinfo_img">
				<image src="../../../../../static/logo.png" mode=""></image>
			</view>
			<view class="sned_envm">
				<text class="userinfo_txt">小心啊表那边</text>
				<u-input v-model="value" type="textarea" height='700' maxlength='20000' border="border" />
					<view class="bnt">
						<view class="quxiao">
							取消
						</view>
						<view class="oko">
							消息
						</view>
					</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goBack() {

			},
			evenMore() {

			}
		}
	}
</script>

<style scoped lang="less">
		@import '../../../../../static/css/common.less';
	.box {
		width: 100vw;
		height: 100vh;
		background: rgba(255, 228, 49, 0.60);

		.infosned {
			padding: 50rpx;
			width: 100vw;
			height: 80vh;
			background-color: #FFFFFF;
			position: fixed;
			bottom: 0px;
			border-radius: 26rpx 26rpx 0px 0px;
			
			.sned_envm{
					width: 85%;
					height: 90%;
					bottom: 0px;
					position: absolute;
				.userinfo_txt{
					top: 100rpx;
					width: 100vw;
					font-family: PingFangSC-Regular;
					font-size: 26px;
					color: #272832;
					letter-spacing: -0.89px;
				}
				.bnt{
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin-top: 10%;
					.quxiao{
						width: 20vw;
						height: 5vh;
						background: rgba(39,40,50,0.10);
						border-radius: 10rpx;
						.fontFamily();
						letter-spacing: -0.55px;
						.centered();
					}
					.oko{
						background: #FFE431;
						border-radius: 10rpx;
						width: 50vw;
					.fontFamily();
						letter-spacing: -0.55px;
						.centered();
					}
				}
				
			}
			.userinfo_img {
				width: 200rpx;
				height: 200rpx;
				background-color: #24292E;
				position: absolute;
				// top: -100rpx;
				// transform: translateY(-100rpx);
				transform: translate3d(10rpx, -150rpx, 10rpx);
				border-radius: 50%;
				background: linear-gradient(129deg, #d4d4d4, #fbfbfb);
				box-shadow: -2px 1px 100px #d4d4d4, -1px 2px 0px #ffffff;
				image {
					width: 90%;
					height: 90%;
					margin-left: 5%;
					margin-top: 5%;
					text-align: center;
					border-radius: 50%;
				}
			}
		}
	}
</style>
